<template>
	<div class="bigData">
		<div class="banner">
			<h1>大数据，助力商家精准服务</h1>
			<p>智加云大数据营销系统采用智能硬件和软件构建场景数据，助力商家为客户提供精准服务。</p>
		</div>
		<div class="container1">
			<div class="title">关于大数据营销系统</div>
			<img src="./img/product_aboutdata_icon1@3x.png" alt="">
			<p>大数据营销，随着数字生活空间的普及，全球的信息总量正呈现爆炸式增长。基于这个趋势之上的，是大数据、云计算等新概念和新范式的广泛兴起，它们无疑正引领着新一轮的互联网风潮。</p>
			<p>智加云大数据营销系统采用智能硬件和软件构建场景数据。通过采集大量的行为数据，帮助商家找出目标受众，以此对广告/商品投放的内容、时间、形式等进行预判与调配，并最终完成智能营销过程。</p>
		</div>
		<div class="container2">
			<div class="title">大数据中心</div>
			<img src="./img/product_aboutdata_content3@3x.png" alt="">
		</div>
		<div class="container3">
			<div class="title">广告/商品投放</div>
			<p>智加云大数据营销系统采用智能硬件和软件构建场景数据。通过采集大量的行为数据后，帮助商家找出目标受众，以此对广告/商品投放的内容、时间、形式等进行预判与调配，并最终完成智能营销过程。 </p>
			<img src="./img/product_aboutdata_content3_icon@3x.png" alt="">
		</div>
	</div>
	
</template>

<script>
	export default {
		name: 'bigDataMarketingSystem',
	}
</script>

<style lang="stylus" scoped>
	.bigData{
		width: 100%;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		.banner{
			width: 100%;
			height: 5rem;
			background: url('./img/product_aboutdata_banner@3x.png') no-repeat;
			background-size: 100% 100%; 
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			h1{
				font-size: 0.36rem;
				color: #FFFFFF;
				margin: 0.5rem 0; 
			}
			p{
				width: 53.6%;
				text-align: center;
				color: rgba(255,255,255,0.8);
				font-size: 0.24rem;
				line-height: 0.36rem;
			}
		}
		.container1{
			width: 100%;
			height: 11.95rem;
			overflow: hidden;
			display: flex;
			flex-direction: column;
			align-items: center;
			background: #F3F6FB;
			.title{
				font-size: 0.36rem;
				color: #333333;
				margin: 0.6rem 0 0.5rem 0;
			}
			img{
				width: 3.91rem;
				height: 3.77rem;
				margin-bottom: 0.6rem;
			}
			p{
				width: 88%;
				font-size: 0.3rem;
				color: #666;
				line-height: 0.5rem;
				margin-top: 0.4rem;
				padding: 0 6%;
			}
		}
		.container2{
			width: 100%;
			height: 7.27rem;
			overflow: hidden;
			display: flex;
			flex-direction: column;
			align-items: center;
			background: url('./img/product_aboutdata_content3bg@3x.png') no-repeat;
			background-size: 100% 100%;
			.title{
				color: #fff;
				font-size: 0.36rem;
				margin: 0.8rem 0;
			}
			img{
				width: 4.22rem;
				height: 4.22rem;
			}
		}
		.container3{
			width: 88%;
			height: 8.40rem;
			padding: 0 6%;
			overflow: hidden;
			display: flex;
			flex-direction: column;
			align-items: center;
			background: #fff;
			.title{
				color: #333;
				font-size: 0.36rem;
				margin: 0.6rem 0 0.5rem 0;
			}
			p{
				font-size: 0.3rem;
				color: #666;
				line-height: 0.5rem;
				margin-bottom: 0.7rem;
			}
			img{
				width: 6.90rem;
				height: 3rem;
			}
		}
	}
</style>

